<template>
    <div id="shopsubnav">
        <ul class="subnav-list">
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/门票票券.png" alt="">
                    <span>门票/票券</span>
                </router-link>
            </li>
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/JR Pass频道.png" alt="">
                    <span>JR Pass频道</span>
                </router-link>
            </li>
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/WiFi电话卡.png" alt="">
                    <span>WiFi/电话卡</span>
                </router-link>
            </li>
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/欧铁频道.png" alt="">
                    <span>欧铁频道</span>
                </router-link>
            </li>
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/保险频道.png" alt="">
                    <span>保险频道</span>
                </router-link>
            </li>
            <li>
                <router-link to='' class="subnav-link">
                    <img src="../../assets/shopping/接送机包车.png" alt="">
                    <span>接送机/包车</span>
                </router-link>
            </li>
        </ul>
    </div>
</template>


<script type="text/javascript">
    export default {
        name:'shopsubnav',
        data(){
            return{

            }
        },
        components:{
        }
    }
</script>
<style type="text/css" lang='less'>
    #shopsubnav{
        margin-top: 10px; 
        // background-color:white;   
        .subnav-list{
            list-style:none;
            margin:0;
            padding:0;
            display:flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content:space-around;
            li{
                background-color:white;
                margin-bottom: 2px;
                width: 33%;
                height:40px;
                line-height: 40px;
                // text-align: left;
                // padding-left: 1em;
                .subnav-link{
                    display:flex;
                    align-items:center;
                    // justify-content:center;
                    img{
                        height:1.4em;
                        margin-left:0.5em;
                        margin-right: 0.4em;
                    }
                    span{
                        font-size: 0.9em;
                        color:#646464;
                    }
                }
                
            }
        }
    }
</style>
